<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@page import="java.util.Date"%>
<%@page import="java.util.Calendar"%>	
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>株洲六系统</title>

<link rel="stylesheet" type="text/css"
	href="<c:url value="/css/themes/default/easyui.css"/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value="/css/themes/icon.css"/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value="/css/style.css"/>">	
	
<script type="text/javascript" 
	src="<c:url value="/js/jquery.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery.easyui.min.js"/>"></script>
<script type="text/javascript" 
	src="<c:url value="/js/easyui-lang-zh_CN.js"/>"></script>
<script type="text/javascript" 
	src="<c:url value="/js/script.js"/>"></script>
<script type="text/javascript" 
	src="<c:url value="/js/zzsc.js"/>"></script>
	
<style>
	 .centerTP{
		padding: 0px;
		margin: 0px;
	    list-style: none;
	}
	img{
	   width: 100%;
	   height: 100%
	}
    #hospital-north{
       font-size: 13px;
       position: absolute;
       right: 280px;
       bottom:100px;
       font-weight: bold;
    }
    #zzsc{
       position: absolute;
       right: 95px;
       bottom:0px;
    }
</style>
   <script type="text/javascript">
    $(function () {
        $('#outpatients').tree({
        	data:[{
        		  text:"业务操作",
        		  iconCls:"icon-business",  
        		  children:[{
        				text: '挂号管理',
        				iconCls:"icon-registered"       			
        		},{
        				text: '收费管理',
    					iconCls:"icon-charge"  
        		}]      		
        	}]     	
        }); 
        
        $('#doctor').tree({
        	data:[{
        		  id:'2',
        		  text:"业务操作",
        		  iconCls:"icon-business",  
        		  children:[{
        				text: '电子处方',
        				iconCls:"icon-prescription"       			
        		},{
        				text: '医生值班计划',
    					iconCls:"icon-project"  
        		}]      		
        	}]     	
        }); 
        
        $('#nurse').tree({
        	data:[{
        		  id:'3',
        		  text:"业务操作",
        		  iconCls:"icon-business",  
        		  children:[{
        				text: '电子处方',
        				iconCls:"icon-prescription"       			
        		},{
        				text: '医生值班计划',
    					iconCls:"icon-project"  
        		}]      		
        	}]     	
        }); 
        
        $('#apparatus').tree({
        	data:[{
        		  id:'4',
        		  text:"业务操作",
        		  iconCls:"icon-business",  
        		  children:[{
        				text: '器械采购',
        				iconCls:"icon-purchase"       			
        		},{
        				text: '器械验收',
    					iconCls:"icon-thpCheckAndAccept"  
        		},{
	    				text: '器械入库',
						iconCls:"icon-storage"  
    			},{
	    				text: '器械退货',
						iconCls:"icon-returnGoods"  
    			},{
	    				text: '器械出库',
						iconCls:"icon-outgoing"  
				},{
	    				text: '器械领用',
						iconCls:"icon-recipients"  
				},{
	    				text: '器械还回',
						iconCls:"icon-return"  
				}]      		
        	}]     	
        });
        
        $('#Supplies').tree({
        	data:[{
        		  id:'5',
        		  text:"业务操作",
        		  iconCls:"icon-business",  
        		  children:[{
        				text: '耗材采购',
        				iconCls:"icon-purchase"       			
        		},{
        				text: '耗材验收',
    					iconCls:"icon-project"  
	        	},{
	    				text: '器械入库',
						iconCls:"icon-storage"  
				},{
	    				text: '器械退货',
						iconCls:"icon-returnGoods"  
				},{
	    				text: '器械出库',
						iconCls:"icon-outgoing"  
				},{
	    				text: '器械领用',
						iconCls:"icon-recipients"  
				}]      		
        	}]     	
        });
        
        $('#outpatients').tree("collapseAll");
        $('#doctor').tree("collapseAll");
        $('#nurse').tree("collapseAll");
        $('#apparatus').tree("collapseAll");
        $('#Supplies').tree("collapseAll");
        
        $('#apparatus').tree({
        	onClick: function(node){
        		//添加或激活选项卡
        		var title = $(this).attr("title");
    			var url = $(this).attr("url");

    			//判断该面板是否已打开
    			if($("#tt").tabs("exists", title)){
    				//已存在则激活
    				$("#tt").tabs("select", title);
    				
    			}else{
    				//不存在
    				var config = {
    						title: title,
    						href: url,
    						closable: true,   						
    					}
    				$("#tt").tabs("add", config);   				   				
    			}       		      		        		
        	}
        });
        
        $('#apparatusYS').tree({
        	onClick: function(node){
        		//添加或激活选项卡
        		var title = $(this).attr("title");
    			var url = $(this).attr("url");

    			//判断该面板是否已打开
    			if($("#tt").tabs("exists", title)){
    				//已存在则激活
    				$("#tt").tabs("select", title);
    				
    			}else{
    				//不存在
    				var config = {
    						title: title,
    						href: url,
    						closable: true,   						
    					}
    				$("#tt").tabs("add", config);   				   				
    			}       		      		        		
        	}
        });
        
        
        $('#outpatients').tree({
        	onClick: function(node){
        		//添加或激活选项卡
        		var title = $(this).attr("title");
    			var url = $(this).attr("url");

    			//判断该面板是否已打开
    			if($("#tt").tabs("exists", title)){
    				//已存在则激活
    				$("#tt").tabs("select", title);
    				
    			}else{
    				//不存在
    				var config = {
    						title: title,
    						href: url,
    						closable: true,   						
    					}
    				$("#tt").tabs("add", config);   				   				
    			}       		      		        		
        	}
        });
        
      //关闭当前
		$("#btn_close_current").linkbutton({onClick:function(){
			//获取选中的面板
			var tab = $('#tt').tabs('getSelected');
			//根据选中的面板获取该面板的索引
			var index = $('#tt').tabs('getTabIndex',tab);
			//根据索引关闭
			if(index != 0){
				$('#tt').tabs('close',index);
			}
		}})
		
		//关闭所有
		$("#btn_close_all").linkbutton({onClick:function(){
			//找到所有的面板
			var tabs = $('#tt').tabs('tabs');
			//从后往前遍历
			for(var i = tabs.length - 1; i > 0; i --){
				$('#tt').tabs('close',i);
			}
		}})
    });

    </script>
    
</head>

<body class="easyui-layout" data-options="border:false" style="overflow:-Scroll;overflow-y:hidden">
   <div class="north" data-options="region:'north'" style="height:20%;">
       <img alt="医院背景图" src="img/hospital.png">
	       <div id="hospital-north">
			       <% 
		             //创建日期对象
		             Date thisDay = new Date();
		             //获取当前日期的年份
		  			 out.print((thisDay.getYear()+1900)+"年");
		             //获取当前日期的月份
		  			 out.print((thisDay.getMonth()+1)+"月");
		             //获取当前日期的日份
		             out.print(thisDay.getDate()+"日");            
		             out.print("\t"+"星期");
		             //根据当前的日期判断输出的是星期几
		  		     switch(thisDay.getDay())
		             {
			             case 0:
			      			out.print("日");
		     			 break;
			  			 case 1:
			      			out.print("一");
		       			 break;
			   			 case 2:
			      			out.print("二");
		      			 break;
			             case 3:
			      			out.print("三");
		      		     break;
					     case 4:
					      	out.print("四");
				      	 break;
					  	 case 5:
					        out.print("五");
				         break;
					     case 6:
					        out.print("六");
				         break;	  
		  }
		%> 												
	       </div> 
	       	       
	       <div id="zzsc">
		           	<canvas id="canvas" width="920" height="100">
			         
					</canvas>
		   </div> 	                  
   		</div>
    <div data-options="region:'south'" style="height:50px;">
    </div>
    <div data-options="region:'west',title:' ',split:true,panelHeight:'auto'" style="width:13%;">
    
    	<div id="aa" class="easyui-accordion" data-options="panelHeight:'auto',border: false">  	
		    <div title="门诊管理" data-options="iconCls:'icon-outpatients'" style="overflow:auto;padding:10px;">
				<ul title='功能管理' id="outpatients" class="easyui-tree" data-options="lines:true,animate:true">
				    
			    </ul>  
		</div>
			    
		 <div title="医生工作站" data-options="iconCls:'icon-doctor'" style="padding:10px;">
			 <ul id="doctor" class="easyui-tree" data-options="lines:true,animate:true">
			    </ul>       
         </div> 
            
         <div title="护士工作站" data-options="iconCls:'icon-nurse'" style="padding:10px;">
			 <ul id="nurse" class="easyui-tree" data-options="lines:true,animate:true">
			    </ul>        
         </div>
         
         <div title="器械管理" data-options="iconCls:'icon-apparatus'" style="padding:10px;">
			 <ul title='器械采购' id="apparatus" url="to_warehouse" class="easyui-tree" data-options="lines:true,animate:true">
			 </ul>
			 <ul title='器械验收' id="apparatusYS" url="toThpQiXieHisCheckandaccept" class="easyui-tree" data-options="lines:true,animate:true">
			 </ul>        
         </div>
         
         <div title="耗材管理" data-options="iconCls:'icon-supplies'" style="padding:10px;">
			 <ul id="Supplies" class="easyui-tree" data-options="lines:true,animate:true">
			 </ul>        
         </div>
                                     		    
		</div>
    </div>
    <div data-options="region:'center'" style="">
    	<div id="tt" class="easyui-tabs" data-options="fit:true, border:false,tools: '#tab-tools'">
		    <div title="首页" style="display:none;">
		    	<div class="main_banner">
					<div class="main_banner_wrap">
						<canvas id="myCanvas" width="150" height="150"></canvas>
						<div class="main_banner_box" id="m_box">
							<a href="javascript:void(0)" class="banner_btn js_pre">
								<span class="banner_btn_arrow"><i></i></span>
							</a>
							<a href="javascript:void(0)" class="banner_btn btn_next js_next">
								<span class="banner_btn_arrow"><i></i></span>
							</a>
							<ul>
								<li id="imgCard0" class="centerTP">
									<a href=""><span style="opacity:0;"></span></a>      
									<img src="img/index1.jpg" alt="">
									<p style="bottom:0; text-align: center;">精医民恙，善行人生</p>
								</li> 
								<li id="imgCard1" class="centerTP">
									<a href=""><span style="opacity:0.4;"></span></a>      
									<img src="img/index2.jpg" alt="">
									<p style="bottom:0; text-align: center;">精医民恙，善行人生</p>
								</li> 
								<li id="imgCard2" class="centerTP">
									<a href=""><span style="opacity:0.4;" ></span></a>        
									<img src="img/index3.jpg" alt="">
									<p style="bottom:0; text-align: center;">精医民恙，善行人生</p>
								</li> 
								<li id="imgCard3" class="centerTP">
									<a href=""><span style="opacity:0.4;"></span></a>      
									<img src="img/index4.jpg" alt="">
									<p style="bottom:0; text-align: center;">精医民恙，善行人生</p>
								</li> 
								<li id="imgCard4" class="centerTP">
									<a href=""><span style="opacity:0.4;"></span></a>      
									<img src="img/index2.jpg" alt="">
									<p style="bottom:0; text-align: center;">精医民恙，善行人生</p>
								</li> 
							</ul>
						</div>
				</div>	
			</div>						    				   				
		</div>		    
		</div>
		<div id="tab-tools" style="border:none; border-bottom: 1px solid rgb(149,184,231);">
			<a id="btn_cancellation-user" class="easyui-linkbutton" 
				iconCls="icon-cancellation-user" plain="true"></a>
			<a id="btn_close_current" href="#" class="easyui-linkbutton" 
				plain="true" iconCls="icon-remove"></a>
			<a id="btn_close_all" href="#" class="easyui-linkbutton" 
				plain="true" iconCls="icon-cancel"></a>	
		</div>
    </div>

</body>
</html>